<!--
	作者：344805262@qq.com
	时间：2015-10-26
	描述：确认订单
-->
<!doctype html>
<html>

  <head>
    <meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta charset="utf-8">
    <title>确认订单</title>
    <link href="../../css/css.css?v=185" rel="stylesheet" type="text/css">
  </head>

  <body>
    <!----------------头部定位---------------------------->
    <div class="header">
      <span id="back" class="headleft">
            <a class="back"><i class="iconfont icon-jiantou"></i></a>
			</span>
      <span class="tbbiaoti">确认订单</span>
      <span class="headright">
            <span class="xiaox fhtb"></span>
      </span>
    </div>
    <!----------------内容开始---------------------------->
    <div class="main">
      <div class="shdzbg mtop-10">
        <!--默认收货地址-->
        <div id="defaultAddress" class="shdzbg"></div>
        <!--<div class="wlxqbg">
          <div class="wlxqnrbg">
            <div class="bg-fff mbtopbottom ddnybg">
              <div class="ddnybbt mbbottom">
                <p class="shxxbt1"><span>生活日用品商铺</span></p>
              </div>
              <div class="mbbottom  overflow">
                <dl class="cpxqxztop  mtop0">
                  <dt><img src="../../images/cpxdtu1.jpg" /></dt>
                  <dd class="wdgzwz wdgzwz-20">
                    <p class="floatr  money2"><span class="jinbi"><b><img
                                        src="../../images/jbtub.jpg"></b>70</span>+<span class="jinbi"></span><span class="money">￥24</span></p>玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛除
                  </dd>
                  <dd class="huisezi"><span class="x2">x2</span>净含量：120ml</dd>
                </dl>
              </div>
              <div class="mbbottom  overflow">
                <dl class="cpxqxztop  mtop0">
                  <dt><img src="../../images/cpxdtu1.jpg" /></dt>
                  <dd class="wdgzwz wdgzwz-30">
                    <p class="floatr"><span class="jinbi"></span><span class="money money2">￥24</span></p>
                    玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛
                  </dd>
                  <dd class="huisezi"><span class="x2">x2</span>净含量：120ml</dd>
                </dl>
              </div>
              <div class="wlxqnrbg">
                <p class="wlxqnr  mbbottom">
                  <span><label id="deliver">在线支付  快递</label><i class="iconfont icon-jiantou-right"></i></span>支付配送
                </p>
                <p class="wlxqnr  mbbottom">
                  <span><label id="invoice">不开发票</label><i class="iconfont icon-jiantou-right"></i></span>开具发票
                </p>
              </div>
              <div class="gjjsl mbbottom">
                <p class="floatr">共计3件商品合计<span class="jinbi"><b>
								<img src="../../images/jbtub.jpg"></b>70</span>+
                  <span class="jinbi"></span>
                  <span class="money">￥24</span>
                </p>
              </div>
              <div class="gmjliuyan">
                <input type="text" placeholder="给卖家留言" class="gmjliuyanny">
              </div>
            </div>
          </div>
        </div>
        <div class="wlxqbg">
          <div class="wlxqnrbg">
            <div class="bg-fff mbtopbottom ddnybg">
              <div class="ddnybbt mbbottom">
                <p class="shxxbt1"><span>生活日用品商铺</span></p>
              </div>
              <div class="mbbottom  overflow">
                <dl class="cpxqxztop  mtop0">
                  <dt><img src="../../images/cnxhdtu5.jpg" /></dt>
                  <dd class="wdgzwz wdgzwz-20">
                    <p class="floatr  money2"><span class="jinbi"><b><img
                                        src="../../images/jbtub.jpg"></b>70</span>+<span class="jinbi"></span><span class="money">￥24</span></p>玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛除
                  </dd>
                  <dd class="huisezi"><span class="x2">x2</span>净含量：120ml</dd>
                </dl>
              </div>
              <div class="mbbottom  overflow">
                <dl class="cpxqxztop  mtop0">
                  <dt><img src="../../images/cpxdtu1.jpg" /></dt>
                  <dd class="wdgzwz wdgzwz-30">
                    <p class="floatr"><span class="jinbi"></span><span class="money money2">￥24</span></p>
                    玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛除黄玫瑰花嫩白精油手工皂夏季专 嫩白祛
                  </dd>
                  <dd class="huisezi"><span class="x2">x2</span>净含量：120ml</dd>
                </dl>
              </div>
              <div class="wlxqnrbg">
                <p class="wlxqnr  mbbottom"><span>在线支付  快递<i class="iconfont icon-jiantou-right"></i></span>支付配送
                </p>
                <p class="wlxqnr  mbbottom"><span>不开发票<i class="iconfont icon-jiantou-right"></i></span>开具发票</p>
              </div>
              <div class="gjjsl mbbottom">
                <p class="floatr">共计3件商品合计
                  <span class="jinbi"><b><img src="../../images/jbtub.jpg"></b>70</span>
                  +<span class="jinbi"></span><span class="money">￥24</span>
                </p>
              </div>
              <div class="gmjliuyan">
                <input type="text" placeholder="给卖家留言" class="gmjliuyanny">
              </div>
            </div>
          </div>
        </div>-->
      </div>
    </div>
    <!----------------底部定位---------------------------->
    <div class="footbg1 mbtopbottom">
      <p class="floatl qrdd-sfk">实付款:<span class="jinbi"><b><img src="../../images/jbtub.jpg"></b>70</span>+<span class="jinbi"></span><span class="money">￥24</span></p>
      <p id="commit_order" class="anniu-tjdd">提交订单</p>
    </div>
    <style type="text/css">
    .pop_init{
      margin-left: 100%;
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -moz-transform: translateX(100%);
    }
    .pop_hid{
      animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;      
      animation-name: animation_right_hide;
      -ms-animation-name: animation_right_hide;
      -moz-animation-name: animation_right_hide;
      -webkit-animation-name: animation_right_hide;
      -o-animation-name: animation_right_hide;      
      animation-duration: 0.5s;
      -webkit-animation-duration: 0.5s;
      -moz-animation-duration: 0.5s;
      -ms-animation-duration: 0.5s;
      -o-animation-duration: 0.5s;
    }
    .pop_show{
      animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;      
      animation-name: animation_right_show;
      -ms-animation-name: animation_right_show;
      -moz-animation-name: animation_right_show;
      -webkit-animation-name: animation_right_show;
      -o-animation-name: animation_right_show;
      animation-duration: 0.5s;
      -webkit-animation-duration: 0.5s;
      -moz-animation-duration: 0.5s;
      -ms-animation-duration: 0.5s;
      -o-animation-duration: 0.5s;
    }
    @keyframes animation_right_show{
    	0%{
    	  transform: translateX(100%);
        -ms-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);    	  
  	  }
    	100%{
    	  transform: translateX(0%);
        -ms-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%); 
  	  }
    }
    @-webkit-keyframes animation_right_show{
      0%{ 
        transform: translateX(100%); 
        -ms-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);    
      }
      100%{ 
        transform: translateX(0%);
        -ms-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);
      }
    }
    @-webkit-keyframes animation_right_hide{
      0%{ 
        transform: translateX(0%);
        -ms-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -o-transform: translateX(0%);        
      }
      100%{ 
        transform: translateX(100%);
        -ms-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);       
      }
    }
    </style>
    <!--选择收货地址开始-->
    <div id="addresses_pop" class="pop_inner pop_init">
      <div class="qyxznr mbbottom">
        <div class="qyznr-nybt1">
        <p id="cancelSelect" style="float: right;margin-right: 10px;"><i class="iconfont icon-diancha"></i></p>
        <p style="padding-top:5px;" class="qyxzbt">选择其他地址</p>              
        </div>
        <div id="addressItem" class="qyznr-nybt1"></div>
      </div>
    </div>
    <!--选择收货地址结束-->
    <!--选择发票信息开始-->    
    <div id="invoices_pop" class="pop_inner pop_init">
      <div class="qyxznr mbbottom">            
        <div class="qyznr-nybt1">
          <p id="cancelSelectInvoice" style="float: right;margin-right: 10px;"><i class="iconfont icon-diancha"></i></p>
          <p style="padding-top:5px;" class="qyxzbt">选择发票类型</p>              
        </div>            
        <div class="shop-group-item mbtopbottom mtop0">
          <div class="shop-title">
            <div class="item mbbottom">
              <div class="shop-title-content">
                <span class="shop-title-name">
                <b class="checkboxFour">
                  <input type="radio" title="不开发票" name="invoiceTitle" value="1" id="checkboxFourInput_1" name="RadioGroup1" class="checkbox-gx">
                  <label for="checkboxFourInput_1"></label>
                </b>
                <p>不开发票</p>
                </span>
              </div>
            </div>
          </div>
          <div class="shop-title">
            <div class="item mbbottom">
              <div class="shop-title-content">
                <span class="shop-title-name">
                <b class="checkboxFour">
                  <input type="radio" title="个人发票" name="invoiceTitle" value="1" id="checkboxFourInput_2" name="RadioGroup1" class="checkbox-gx">
                  <label for="checkboxFourInput_2"></label>
                </b>
                <p>个人发票</p>
                </span>
              </div>
            </div>
            <div class="shop-title mleft25">
              <div class="item mbbottom">
                <div class="shop-title-content">
                  <span class="shop-title-name">
                    <b class="checkboxFour">
                    <input type="radio"  title="图书、资料等" name="invoiceTitle" value="1" id="checkboxFourInput_3" name="RadioGroup2" class="checkbox-gx">
                    <label for="checkboxFourInput_3"></label>
                    </b>
                    <p style="width: auto;">图书、资料等</p>
                  </span>
                </div>
              </div>
              <div class="item mbbottom">
                <div class="shop-title-content">
                  <span class="shop-title-name">
                    <b class="checkboxFour">
                      <input type="radio" title="日常办公用品" name="invoiceTitle" value="1" id="checkboxFourInput_4" name="RadioGroup2" class="checkbox-gx">
                      <label for="checkboxFourInput_4"></label>
                    </b>
                    <p style="width: auto;">日常办公用品</p>
                  </span>
                </div>
              </div>
              <div class="item">
                <div class="shop-title-content">
                  <span class="shop-title-name">
                  <b class="checkboxFour">
                    <input type="radio" title="其它消费" name="invoiceTitle" value="1" id="checkboxFourInput_5" name="RadioGroup2" class="checkbox-gx">
                    <label for="checkboxFourInput_5"></label>
                  </b>
                  <p style="width: auto;">其它消费</p>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <p id="commitInvoiceTyp" class="sjbban">确定</p>            
      </div>
  </div>
    <!--选择发票信息结束-->
    <!--选择支付配送开始-->
    <div id="deliver_pop" class="pop_inner pop_init" style="overflow-y: auto;height: 100%;">
      <div class="qyznr-nybt1">
        <p id="cancelSelectDelivery" style="float: right;margin-right: 15px;"><i class="iconfont icon-diancha"></i></p>
        <p style="padding-top:5px;" class="qyxzbt">选择配送支付</p>              
      </div>
      <div class="shop-group-item mbtopbottom mtop0">
        <div class="shop-title">
          <div class="item  mbbottom">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>普通快递送货上门（支持货到付款）</span>
            </div>

          </div>
        </div>
        <div class="shop-title">
          <div class="shop-title mleft25">
            <div class="item mbbottom">
              <div class="shop-title-content">
                <span class="shop-title-name">
                  <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>只工作日送货</span>
              </div>
            </div>
            <div class="item mbbottom">
              <div class="shop-title-content">
                <span class="shop-title-name">
                  <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>只双休日、假日送货
                </span>
              </div>
            </div>
            <div class="item mbbottom">
              <div class="shop-title-content">
                <span class="shop-title-name">
                  <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>时间不限</span>
              </div>
            </div>
          </div>
          <div class="item mbbottom">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>邮政EMS（凭身份证签收，请实名下单）不支持货到付款</span>
            </div>
          </div>
          <div class="item mbbottom">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>平邮（凭身份证签收，请实名下单）不支持货到付款</span>
            </div>
          </div>
          <div class="item">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>自提货（浙江省 杭州市 西湖区 文一路120号骆家庄...）</span>
            </div>
          </div>
        </div>
      </div>
      <p class="fapiaoxx">付款方式</p>
      <div class="shop-group-item mbtopbottom mtop0">
        <div class="shop-title">
          <div class="item  mbbottom">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>货到付款（支付宝钱包）</span>
            </div>
          </div>
        </div>
        <div class="shop-title">
          <div class="item  mbbottom">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>货到付款（现金）</span>
            </div>
          </div>
        </div>
        <div class="shop-title">
          <div class="item  mbbottom">
            <div class="shop-title-content">
              <span class="shop-title-name">
                <b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>货到付款（POS机刷卡）</span>
            </div>
          </div>
        </div>
        <div class="shop-title">
          <div class="item">
            <div class="shop-title-content">
              <span class="shop-title-name"><b class="checkboxFour">
                <input type="radio" value="1" id="checkboxFourInput" name="RadioGroup2" class="checkbox-gx">
                <label for="checkboxFourInput"></label>
              </b>网上支付</span>
            </div>
          </div>
        </div>
      </div>
      <div class="denglu">
        <p id="commitDelivery" class="sjbban">确定</p>
      </div>
    </div>
    <!--选择支付配送结束-->
    <div id="pop_back" class="dingwei" style="position: fixed;z-index: 3;display: none;"></div>
  </body>
  <script type="text/javascript" src="../../js/common/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="../../js/config.js"></script>
  <script type="text/javascript" src="../../js/common/common.js"></script>
  <script type="text/javascript" src="../../js/common/footer.js"></script>
  <script type="text/javascript" src="../../js/shopcart/confirmOrder.js"></script>
</html>